<template>
    <div class="issueDrug-view">

      <div class="issueDrug-left">
        <issue-list ref="list" @list-click="listClick" @clear-details="clearDetails"></issue-list>
      </div>

      <div class="issueDrug-right">
        <issue-details ref="details" @update-list="updateList"></issue-details>
      </div>

    </div>
</template>

<script>
  import issueDetails from "./modules/issueDetails";
  import issueList from "./modules/issueList";
    export default {
        name: "index",
        components: {issueList,issueDetails},
        data:function () {
            return{

            }
        },
        mounted:function() {

        },
        methods:{
            updateView:function () {

            },
            listClick:function (item) {
                this.$refs.details.getData(item.charge_id)
            },
            updateList:function () {
                if (this.$refs.list){
                    this.$refs.list.refreshDate();
                }
            },
            clearDetails:function () {
                this.$refs.details.clearData();
            }
        }
    }
</script>

<style lang="scss" scoped>
  @import "@/assets/scss/issueDrug/issueDrug.scss";
</style>
